<template>
  <div class="amap-page-container">

    <el-amap vid="amapDemo"
             :amap-manager="amapManager"
             :events="mapEvents"
             class="amap-demo">
    </el-amap>

  </div>
</template>

<script>
  import VueAMap from 'vue-amap'
  let amapManager = new VueAMap.AMapManager()

  export default {
    name: 'maps',
    data () {
      return {
        amapManager,
        mapEvents: {
          init (o) {
            o.setMapStyle('amap://styles/edbc379c8110f081c564f98d8c59f80c');//自定义的高德地图的样式

          }
        }
      }
    },
    mounted () {

    },
    methods: {

    }
  }
</script>

<style scoped>
  .amap-demo {
    height: 500px;
  }
</style>
